<template>
  <van-sticky>
    <div class="header">
      <div class="header-content">
        <div class="header-back" @click="fun()">&lt;</div>
        <div class="header-icon">
          <span class="iconfont icon-xingxing"></span>
          <span class="iconfont icon-fenxiang"></span>
          <span class="iconfont icon-gengduo"></span>
        </div>
      </div>
    </div>
  </van-sticky>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.header {
  width: 100vw;
  height: 10.933vw;
  background: #fff;
  .header-content {
    width: 93.067vw;
    height: 10.933vw;
    margin: auto;
    .header-back {
      width: 8.533vw;
      height: 8.533vw;
      float: left;
      margin-top: 1.2vw;
      font-size: 6.267vw;
      span {
        width: 8.533vw;
        height: 6.667vw;
        color: black;
        font-size: 6.267vw;
      }
    }
    .header-icon {
      width: 34.467vw;
      height: 8.533vw;
      float: right;
      margin-top: 1.2vw;
      span {
        height: 6.667vw;
        margin-left: 4.8vw;
        color: black;
        font-size: 6.267vw;
      }
    }
  }
}
</style>
